<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:template match="/">
		<html xmlns="http://www.w3.org/1999/xhtml">
		<head>
			<link rel="stylesheet" href="../../css/default.css" />
		</head>
		<body>
			<div id="content" class="col-full">
				<h2><center>Order Summary</center></h2>
				<table width="100%" border="3">
					<col width="45%"/>
					<col width="55%"/>				
					<tr>
						<td><h4>Order ID:<xsl:value-of select="order/@id"> </xsl:value-of></h4></td>
						<td><h4>Submitted Date:<xsl:value-of select="order/@submitted"></xsl:value-of></h4></td>
					</tr>
					<tr>
						<td><h4>Client Number:<xsl:value-of select="order/customer/@account"> </xsl:value-of></h4></td>
						<td><h4>Client Name:<xsl:value-of select="order/customer/name"></xsl:value-of></h4></td>
					</tr>			
					<tr><td colspan="2">
					<table width="100%" border="5">
						<colgroup>
							<col width="15%" />
							<col width="25%" />
							<col width="20%" />
							<col width="15%" />
							<col width="25%" />
						</colgroup>
						<tr>
							<th>Number</th>
							<th>Name</th>
							<th>Price</th>
							<th>Quantity</th>
							<th>Extended Price</th>
						</tr>
						<xsl:for-each select="order/items/item">
							<tr>
								<td><xsl:value-of select="@number"></xsl:value-of></td>
								<td><xsl:value-of select="name"></xsl:value-of></td>
								<td>$ <xsl:value-of select="price"></xsl:value-of></td>
								<td><xsl:value-of select="quantity"></xsl:value-of></td>
								<td>$ <xsl:value-of select="extended"></xsl:value-of></td>
							</tr>
						</xsl:for-each>						
						<tr><td colspan="4" align="right">Total Before Tax:</td><td>$ <xsl:value-of select="order/total"> </xsl:value-of></td></tr>
						<tr><td colspan="4" align="right">Shipping:</td><td>$ <xsl:value-of select="order/shipping"></xsl:value-of></td></tr>			
						<tr><td colspan="4" align="right">HST:</td><td>$ <xsl:value-of select="order/HST"> </xsl:value-of></td></tr>
						<tr><td colspan="4" align="right">Grand Total:</td><td>$ <xsl:value-of select="order/grandTotal"></xsl:value-of></td></tr>			
					</table>
					</td>
					</tr>				
				</table>
			</div>
		</body>
		</html>
	</xsl:template>
</xsl:stylesheet>